/**
* Copyright 2009 Waag Society <http://www.waag.org>
* This file is part of Annotrax.
*
* Annotrax is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License,
* or (at your option) any later version.
*
* Annotrax is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
* See the GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Annotrax.
* If not, see http://www.gnu.org/licenses/gpl.html
*/

body, html{
	margin: 0; padding: 0;
	/*background-color: #ccc;*/
}

video{
	height: 360px;
}

h1, h2{
	padding: 0;
	margin: 0 0 11px 0;
	font-size: 16px;
	line-height: 19px;
}

h3, h4, h5, h6{
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}

input, textarea{
	font: 12px/17px "Helvetica Neue", "Helvetica", "Arial", "Sans-serif";
	padding: 1px 3px 1px 3px;
	border: 1px solid #999;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.clear{
	display: block;
	overflow: hidden;
	clear: both;
}

dl{
	line-height: 24px;
}

/* center site */
#center{
	width: 1020px;
	background: #fff;
	margin: 0 auto;
	padding: 0 0 48px 0;
}

#footer{
	height: 120px;
	width: 1020px;
	background: #999;
	margin: 0 auto;
}

/* section wrappers: margin and clears */
.section{
	padding: 0 28px 0 28px;
	/*background-color: #ccffcc;*/
	overflow: hidden;
	clear: both;
}

/* head section elements */

#logo{
	float: left;
}

#navigation{
	float: right;
	line-height: 28px;
	/*background-color: #ccffff;*/
}

#navigation ul{
	margin: 0;
	padding: 0 0 0 7px;
}

#navigation ul li{
	float: left;
	list-style: none;
	list-style-position: inside;
}

#search{
	float: left;
	line-height: 56px;
	/*background-color: #ffccff;*/
}

#user-block{
	float: right;
	line-height: 56px;
	/*background-color: #99ccff;*/
}

/* search page */
#archive-movieList{
	width: 600px;
	overflow: hidden;
}


/* sections */
#movieSection{
	padding-bottom: 31px;
	margin-bottom: 17px;
}

/* widgets */

#atPlayer{
	height: 360px;
	width: 640px;
	float: left;
    overflow: visible;
	/*overflow: hidden;*/
	/*background-color: #cc99ff;*/
	text-align: center;
    position:relative;
}

#atSideBar{
	float: left;
	width: 300px;
	margin-left: 17px;
}

/* atBrowser: harmonica widget with all the annotations */
#atAnnotationBrowser{
	float: left;
	width: 300px;
	margin-left: 17px;
	line-height: 26px;
	height: 360px;
	overflow: auto;
}

#atAnnotationBrowser .channel{
	padding: 7px;
	margin-bottom: 3px;
}

#atAnnotationBrowser h4{
	margin-bottom: 7px;
	overflow: auto;
}

#atAnnotationBrowser ul{
}

#atAnnotationBrowser li{
	/*border: 1px solid red; */
	overflow: hidden;
	padding: 5px 0 5px 0;
}

#atAnnotationBrowser li span.duration{
	float: left;
	padding: 0 7px 0 7px;
	margin-right: 7px;
}

#atAnnotationBrowser p.contentPreview{
	width: 146px;
	float: left;
}

#atAnnotationBrowser li{
	margin-right: 7px;
}

/* ... */
#atAnnotationInfo{

}

#atAnnotationInfo .floatLeft{
	margin-right: 7px;
}

#atAnnotationMaker{

}

.input-comment{
	width: 400px;
	height: 51px;
}

/* search top of the page */
#search .textInput{
	line-height: 17px;
	width: 220px;
	padding: 3px;
}

#search .buttonInput{
	background-color: transparent;
	font-weight: bold;
	border: none;
	margin-right: 24px;
}


/* buttonbar: links in buttonbar look like buttons and float right */

.buttonBar{
	padding: 11px 0;
	line-height: 24px;
	overflow: hidden;
	clear: both;
}

.buttonBar a{
	float: right;
	/*line-height: 26px;*/
	/*padding: 5px 7px 5px 7px;*/
	margin: 0 5px;
	padding: 0 7px 0 7px;
}

.buttonBar input{
	padding: 3px 7px 3px 7px;
	float: right;
	/*line-height: 26px;*/
	/*padding: 5px 7px 5px 7px;*/
	margin: 0 5px;
}

/* widget: movielist */

ul.atMovieList{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

li.atMovieListItem{
	width: 400px;
	float: left;
	margin: 0 11px 11px 0;
	border-bottom: 1px dotted #999;
}

.thumbNailWrapper{
	float: left;
	width: 128px;
	height: 128px;
	/*background-color: #000;*/
	text-align: center;
}

.thumbnail{
	width: 128px;
	height: 128px;
}

.movieMeta{
	/*background-color: #ccff00;*/
	margin-left: 11px;
	overflow: hidden;
	height: 126px;
	width: 250px;
	float: left;
}

.movieMeta p{
}

.duration{
	line-height: 26px;
	padding: 5px 7px 5px 7px;
}
